<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">
    <link href="/styles/wenda.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/wenda.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script src="/js/system/common.js"></script>

    <script>
        $(function () {
            var type = 1;
            var rank = 1;
            //获取所有的问答对象
            $.get('/ask/listAll', function (data) {
                $("#questions").html(data);
            });

            $.get("/ask/getHotTop10", {type: type, rank: rank}, function (data) {
                $(".paihang").append(data);
            });
            $('.tab-time li').click(function () {
                type = $(this).data('type');
                $('.tab-time li').removeClass("on");
                $(this).addClass("on");
            });
            $('.bd li').click(function () {
                rank = $(this).data('rank');
            });
            $('.top').click(function () {
                $.get("/ask/getHotTop10", {type: type, rank: rank}, function (data) {
                    var m = document.getElementById("gonglve_wrap");
                    m.parentNode.removeChild(m);
                    $(".paihang").append(data);

                })
            });


        })
    </script>
</head>

<body style="position: relative;">
<form action="/ask/listAll" method="post" id="searchForm">
    <input type="hidden" name="currentPage" id="currentPage" value="1">
</form>
<div class="topBar">
    <div class="topBarC">
        <div class="logo"><a title="马蜂窝自由行" href="javascript:;">马蜂窝自由行</a></div>
        <div class="t_nav">
            <ul id="pnl_nav" data-cs-t="headnav_wo">
                <li data-cs-p="index">
                    <strong class="t"><a href="/">首页</a></strong>
                </li>
                <li data-cs-t="wenda" data-cs-p="wenda">
                    <strong class="t"><a data-cs-p="from_wo_nav" href="/ask/wenda">问答</a></strong>
                </li>
                <li data-cs-t="things" data-cs-p="things">
                    <strong class="t"><a data-cs-p="from_wo_nav" href="/itemshop/list">积分商城</a></strong>
                </li>
                <li data-cs-p="together">
                    <strong class="t"><a href="javascript:;">结伴</a></strong>
                </li>
                <li data-cs-p="group">
                    <strong class="t"><a href="javascript:;">小组</a></strong>
                </li>
                <li data-cs-p="mall">
                    <strong class="t"><a href="javascript:;">蜂首俱乐部</a></strong>
                </li>
                <li class="drop" data-cs-p="other">
                    <strong class="t"><a href="javascript:;">更多<b></b></a></strong>
                </li>
            </ul>
        </div>
        <div class="t_search">
            <form method="GET" action="/search/s.php" name="search">
                <input type="text" class="key" value="" name="q" id="word">
                <input type="submit" value="" class="btn">
            </form>
        </div>

        <div class="t_info">
            <div class="pagelet-block">
                <#if userInfo??>
                    <div class="login_info">
                        <div class="head_user">
                            <a href="/mine/home">
                                <img src="${(userInfo.headImgUrl)!'/images/default.jpg'}"/>
                                <i class="icon_caret_down"></i>
                            </a>
                        </div>
                        <div class="header_msg">
                            消息<i class="icon_caret_down"></i>
                        </div>
                        <div class="header_daka">
                            <a href="javascript:;">打卡</a>
                        </div>
                    </div>
                <#else>
                    <div class="login-out">
                        <a class="weibo-login" href="#" title="微博登录" rel="nofollow"></a>
                        <a class="qq-login" href="#" title="QQ登录" rel="nofollow"></a>
                        <a class="weixin-login" href="#" title="微信登录" rel="nofollow"></a>
                        <a id="_j_showlogin" title="登录骡窝窝" href="/login.html" rel="nofollow">登录</a>
                        <span class="split">|</span>
                        <a href="/regist.html" title="注册帐号" rel="nofollow">注册</a>
                    </div>
                </#if>
            </div>
        </div>
    </div>
</div>
<div class="wrapper wrapper-new">
    <div class="col-main">
        <div id="questions">

        </div>
    </div>
    <div class="col-side">
        <div class="i-ask">
            <a href="/ask/add" class="btn-ask i-ask" style="background-color: #ff9d00;color: #fff; "
               target="_blank"><i></i>我要提问</a>
        </div>
        <div class="rank _j_rank  paihang" style="margin-top: 20px;">
            <div class="hd">排行榜
                <ul class="tab-time">
                    <li class="_j_rank_change_date top " data-type="0"><span>今日</span></li>
                    <li class="_j_rank_change_date top  on" data-type="1"><span>本周</span></li>
                    <li class="_j_rank_change_date top" data-type="2"><span>本月</span></li>
                </ul>
            </div>
            <div class="bd">
                <ul class="tab-num" data-cs-p="rank_list">
                    <li class="_j_rank_change_flag top" data-rank="0" data-cs-d="浏览数">浏览数</li>
                    <li class="_j_rank_change_flag  top on" data-rank="1" data-cs-d="回答数">回答数</li>
                    <li class="_j_rank_change_flag top " data-rank="2" data-cs-d="被顶次数">被顶次数</li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>

</html>